<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <script src="${pageContext.request.contextPath}/js/saxon/register.js" charset="UTF-8"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/register.css">
    <link rel="icon" href="${pageContext.request.contextPath}/static/title.ico" type="image/x-icon"/>
    <title>加入我，当我的狗🐕 φ(≧ω≦*)♪</title>
</head>
<body>
<div id="form">
    <form action="${pageContext.request.contextPath}/register" method="get" onsubmit="return check_submit()">
        <div>注册</div>
        <div>已有账号？ <a href="${pageContext.request.contextPath}/JSP/index.jsp">登录</a></div>
        <div class="form-group">
            <label for="userName">用户名</label>
            <input placeholder="输入你的名字" type="text" AUTOCOMPLETE="off" required class="form-control form-control-sm" id="userName"
                   name="userName" onblur="register_userName()"
                   aria-describedby="emailHelp">
            <span id="userName_span" hidden style="color: red;font-size: 10px"></span>
        </div>
        <div class="form-group">
            <label for="userAccount">用户账号</label>
            <input placeholder="建议使用QQ账号" type="text" AUTOCOMPLETE="off" required class="form-control form-control-sm" id="userAccount"
                   onblur="register_useraccount()"
                   name="userAccount"
            >
            <span id="userAccount_span" hidden style="color: red;font-size: 10px"></span>
        </div>
        <div class="form-group">
            <label for="userPassword">用户密码</label>
            <input type="password" AUTOCOMPLETE="off" required class="form-control form-control-sm"
                   id="userPassword" name="userPassword">
        </div>
        <button type="submit" class="btn btn-primary">Sign in</button>
    </form>
</div>
</body>
</html>